/*用户管理以及权限管理*/
$(function() {
    layui.use(['element', 'layer', 'form', 'layedit', 'laydate', 'table'], function() {
        var element = layui.element, //导航的hover效果、二级菜单等功能，需要依赖element模块
            layer = layui.layer, //弹窗模块
            layedit = layui.layedit, //编辑器
            laydate = layui.laydate, //日期选择器
            form = layui.form, //表单
            table = layui.table //表格
        /*日期范围*/
        laydate.render({
            elem: '#test-laydate-range-date',
            range: true
        });
        //监听用户管理搜索
        form.on('submit(manage_search)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        //用户管理
        table.render({
            elem: '#account',
            id:'account',
            url: '/manage/js/json/useradmin/userManageJson.js' //模拟接口
            ,
            cols: [
                [{
                    type: 'checkbox',
                    fixed: 'left'
                }, {
                    field: 'id',
                    title: 'ID',
                    sort: true
                }, {
                    field: 'username',
                    title: '用户名',
                    minWidth: 100
                }, {
                    field: 'permissionType',
                    title: '权限类型',
                }, {
                    field: 'name',
                    title: '姓名'
                }, {
                    field: 'permission',
                    title: '权限',
                    minWidth: 300,
                }, {
                    field: 'starttime',
                    width: 120,
                    title: '创建时间'
                }, {
                    field: 'founder',
                    title: '创建人'
                }, {
                    field: 'overtime',
                    title: '最后修改时间'
                }, {
                    field: 'modifier',
                    title: '修改人',
                    sort: true
                }, {
                    title: '操作',
                    width: 130,
                    align: 'center',
                    fixed: 'right',
                    toolbar: '#bar_bianji'
                }]
            ],
            page: true,
            cellMinWidth: 80,
            limit: 30,
            height: 'full-220',
            text: '对不起，加载出现异常！'
        });
        //事件

        var active = {
            //这里的account是table的id
            batchdel: function(obj){
                var checkStatus = table.checkStatus('account')
                    ,checkData = checkStatus.data; //得到选中的数据
                console.log(checkStatus.data) //获取选中行的数据
                if(checkData.length === 0){
                    return layer.msg('请选择数据');
                }
                layer.confirm('确定删除吗？', function(index) {
                    //执行 Ajax 后重载
                    /*
                    admin.req({
                      url: 'xxx'
                      //,……
                    });
                    */
                    table.reload('account');
                    layer.msg('已删除');
                });
            }
            ,add: function(){
                layer.open({
                    type: 1,
                    title: '添加用户'
                    ,area: ['420px', '480px']
                    ,closeBtn: 1
                    ,skin:'layui-layer-admin'
                    ,content: $("#add_userbox")
                    ,success: function(layero, index){
                        form.render(null, 'layuiadmin-form-useradmin');
                        //监听提交
                        form.on('submit(LAY-user-front-submit)', function(data){
                            var field = data.field; //获取提交的字段
                            //提交 Ajax 成功后，关闭当前弹层并重载表格
                            layer.msg(JSON.stringify(data.field));
                            //$.ajax({});
                            layui.table.reload('account'); //重载表格
                            layer.close(index); //执行关闭
                        });
                    }
                })
            },add_quanxian: function(){
                layer.open({
                    type: 1,
                    title: '添加用户'
                    ,area: ['420px', '480px']
                    ,closeBtn: 1
                    ,skin:'layui-layer-admin'
                    ,content: $("#add_userbox")
                    ,success: function(layero, index){
                        form.render(null, 'layuiadmin-form-useradmin');
                        //监听提交
                        form.on('submit(LAY-user-front-submit)', function(data){
                            var field = data.field; //获取提交的字段
                            //提交 Ajax 成功后，关闭当前弹层并重载表格
                            layer.msg(JSON.stringify(data.field));
                            //$.ajax({});
                            layui.table.reload('account'); //重载表格
                            layer.close(index); //执行关闭
                        });
                    }
                })
            }
        };
        //监听工具条  account是对应的table的lay-filter的值
        table.on('tool(account)', function(obj){
            var data = obj.data;//获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
            if(obj.event === 'del'){
                layer.confirm('确定删除此条？', function(index){
                    console.log(obj)
                    obj.del();
                    layer.close(index);
                });
            }else if(obj.event === 'edit'){
                layer.open({
                    type: 1,
                    title: '添加用户'
                    ,area: ['420px', '480px']
                    ,closeBtn: 1
                    ,skin:'layui-layer-admin'
                    ,content: $("#add_userbox")
                    ,success: function(layero, index){
                        form.render(null, 'layuiadmin-form-useradmin');
                        //监听提交
                        form.on('submit(LAY-user-front-submit)', function(data){
                            var field = data.field; //获取提交的字段
                            //提交 Ajax 成功后，关闭当前弹层并重载表格
                            layer.msg(JSON.stringify(data.field));
                            //$.ajax({});
                            layui.table.reload('account'); //重载表格
                            layer.close(index); //执行关闭
                        });
                    }
                })
            }
        });
        /*用户权限管理*/
        //监听用户权限管理搜索
        form.on('submit(quanxian_search)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        //用户权限管理
        table.render({
            elem: '#quanxian',
            id:"quanxian",
            url: '/manage/js/json/useradmin/userManageJson.js' //模拟接口
            ,
            cols: [
                [{
                    type: 'checkbox',
                    fixed: 'left'
                }, {
                    field: 'id',
                    title: 'ID',
                    sort: true
                }, {
                    field: 'username',
                    title: '权限类型名',
                    minWidth: 100
                }, {
                    field: 'permissionType',
                    title: '权限详细',
                }, {
                    field: 'name',
                    title: '生成时间'
                }, {
                    field: 'permission',
                    title: '生成人',
                    minWidth: 300,
                }, {
                    field: 'overtime',
                    title: '最后修改时间'
                }, {
                    field: 'modifier',
                    title: '修改人',
                    sort: true
                }, {
                    title: '操作',
                    width: 130,
                    align: 'center',
                    fixed: 'right',
                    toolbar: '#bar_bianji_quanxian'
                }]
            ],
            page: true,
            cellMinWidth: 80,
            limit: 30,
            height: 'full-220',
            text: '对不起，加载出现异常！'
        });
        //监听工具条  account是对应的table的lay-filter的值
        table.on('tool(quanxian)', function(obj){
            var data = obj.data;//获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
            if(obj.event === 'del'){
                layer.confirm('确定删除此条？', function(index){
                    console.log(obj)
                    obj.del();
                    layer.close(index);
                });
            }else if(obj.event === 'edit'){
                layer.open({
                    type: 1,
                    title: '添加用户'
                    ,area: ['420px', '480px']
                    ,closeBtn: 1
                    ,skin:'layui-layer-admin'
                    ,content: $("#add_userbox")
                    ,success: function(layero, index){
                        form.render(null, 'layuiadmin-form-useradmin');
                        //监听提交
                        form.on('submit(LAY-user-front-submit)', function(data){
                            var field = data.field; //获取提交的字段
                            //提交 Ajax 成功后，关闭当前弹层并重载表格
                            layer.msg(JSON.stringify(data.field));
                            //$.ajax({});
                            layui.table.reload('quanxian'); //重载表格
                            layer.close(index); //执行关闭
                        });
                    }
                })
            }
        });
        /*绑定按钮事件 添加删除等功能按钮*/
        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
})